//创建用户相关的小仓库
import { defineStore } from 'pinia';
//引入接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user';
import type { loginFormData, loginResponseData, userInfoResponseData } from "@/api/user/type"
import type { UserState } from './types/type';
//引入操作本地存储的工具方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token';
//引入路由（常量路由）
import { constantRoute, asyncRoute, anyRoute } from '@/router/routes';
//引入深拷贝方法,是js对他取消ts报错
//@ts-ignore
import cloneDeep from 'lodash/cloneDeep';
import router from '@/router';

//用于过滤当前用户需要展示的异步路由
//参数为异步路由数组和当前用户的权限数组
function filterAsyncRoute(asyncRoute: any, routes: any) {
    return asyncRoute.filter((item: any) => {
        //如果用户数组的内容包含在异步路由中
        if (routes.includes(item.name)) {
            //如果当前的异步路由有孩子且孩子不为0，继续递归过滤
            if (item.children && item.children.length > 0) {
                //过滤完后需要更新数组
                item.children = filterAsyncRoute(item.children, routes)
            }
            return true;
        }
    })
}

//创建用户小仓库
let useUserStore = defineStore('User', {
    //小仓库存储数据的地方
    state: (): UserState => {
        return {
            token: GET_TOKEN(),//用户唯一标识token
            menuRoutes: constantRoute,//仓库存储生成菜单需要数组（路由）
            username: '',
            avatar: '',
            buttons:[],
        }
    },
    //异步、逻辑的地方
    actions: {
        //用户登录的方法
        async userLogin(data: loginFormData) {
            //登录请求
            let result: loginResponseData = await reqLogin(data);
            //登录请求：成功200->token
            //登录请求：失败201->登录失败错误的信息
            if (result.code == 200) {
                //pinia仓库存储一下token
                //由于pinia|vuex存储数据其实利用js对象
                this.token = (result.data as string);
                //本地存储持久化存储一份
                SET_TOKEN((result.data as string));
                //能保证当前async函数返回一个成功的promise
                return 'ok';
            } else {
                return Promise.reject(new Error(result.data));
            }
        },
        //获取用户信息的方法
        async userInfo() {
            //获取用户的信息（头像，名字）存储到仓库中
            let result: userInfoResponseData = await reqUserInfo();
            //如果获取用户信息成功，存储一下用户信息
            if (result.code == 200) {
                this.username = result.data.name;
                this.avatar = result.data.avatar;
                this.buttons=result.data.buttons;
                //计算当前用户需要展示的异步路由
                let userAsyncRoute = filterAsyncRoute(cloneDeep(asyncRoute), result.data.routes);
                //菜单需要的数据整理完毕, 数组用...
                this.menuRoutes = [...constantRoute, ...userAsyncRoute, ...anyRoute];
                //目前路由器管理只有常量路由：用户计算完毕异步路由、任意路由动态追加
                [...userAsyncRoute,anyRoute].forEach((route:any)=>{
                    router.addRoute(route);
                });
                // //打印当前用户全部的路由
                // console.log(router.getRoutes())
                return 'ok';
            } else {
                return Promise.reject(new Error(result.message));
            }
        },
        //退出登录
        async userLogout() {
            let result: any = await reqLogout();
            if (result.code == 200) {
                //目前没有mock接口，退出登录接口（通知服务器本地用户唯一标识失效）
                this.token = '';
                this.username = '';
                this.avatar = '';
                REMOVE_TOKEN();
            } else {
                return Promise.reject(new Error(result.message));
            }
        }
    },
    getters: {

    }
})
//对外暴露获取小仓库的方法
export default useUserStore;